<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ul {
            display: flex;
        }
    </style>
</head>

<body>

    <div class="head"></div>

    <!-- <button>按钮</button> -->

    <script src="../js/jquery.min.js"></script>
    <script>

        // load这个方法实际上是封装的一个ajax   异步的   this.eles[0].innerHTML = res ;  

        // getScript个方法实际上是封装的一个ajax   而不是一个script标签 



        // $('button').on('click', function () {
        //     $('.head').load('./04head.html')
        // })


        $('.head').load('./04head.html', () => {
            // $('li').css('fontSize', 30);
            // 需要引入js文件
            $.getScript('../js/head.js')
        })


    </script>

    <!-- <script src="../js/head.js"></script> -->

</body>

</html>